<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="style.css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Available books</title>
</head>
<body>
	<div id="container">
		<div id="header">...</div>
		<div id="contents">
			<div id="main">
				<div wicket:id="books" class="book">
					<h3 wicket:id="bookName">DummyBookName</h3>
					<p wicket:id="author">Book Description</p>
					<p>
						<span wicket:id="price">some price</span> <a wicket:id="add"
							href="#">add to cart</a>
					</p>
				</div>
				<wicket:remove>
					<div class="cheese">
						<h3>Emmental</h3>
						<p>Emmental is a Swiss che...</p>
						<p>
							<span>$2.99</span> <a href="#">add to cart</a>
						</p>
					</div>
				</wicket:remove>
			</div>
			<div id="cart">
				<h3>Your selection</h3>
				<table>
					<tbody>
						<tr wicket:id="cart">
							<td wicket:id="name">book Name</td>
							<td wicket:id="price">2.99</td>
							<td><a wicket:id="remove" href="#">remove</a></td>
						</tr>
						<wicket:remove>
							<tr>
								<td>book Name 2</td>
								<td>$1.99</td>
								<td><a href="#">remove</a></td>
							</tr>
						</wicket:remove>
					</tbody>
					<tfoot>
						<tr class="total">
							<th>Total</th>
							<td wicket:id="total">$1.99</td>
							<td>&nbsp;</td>
						</tr>
					</tfoot>
				</table>
				<input type="button" value="Check out" wicket:id="checkout" />
			</div>
		</div>
	</div>
</body>
</html>